<template>
	<view class="page">
		<view class="uni-img-top">
			<image src="../../static/img/2.jpg"></image>
		</view>
		
		
		<view class="uni-list">
			<view class="uni-list-select">
				<image src="../../static/img/s.png"></image>
				想起来很好
			</view>
			<view style="padding: 20px 30px;">
				???现在的董事长这么嚣张吗？
			</view>
			<view class="uni-list-visual">
				<image src="../../static/img/2.jpg"></image>
			</view>
			<view class="uni-media-list">
				<view class="uni-media-list-text-bottom">
					<view class="uni-eye">
						<view class="uni-icon uni-icon-eye"></view>
						<text>3846</text>
					</view>
					<view class="uni-position">
						<view class="uni-icon uni-icon-location"></view>
						<text>北京</text>
					</view>
					<view class="uni-give">
						<view class="uni-icon uni-icon-redo"></view>
						<text>2</text>
					</view>
					<view class="uni-share">
						<view class="uni-icon uni-icon-redo"></view>
						<text>分享</text>
					</view>
					<view class="uni-comment">
						<view class="uni-icon uni-icon-chat"></view>
						<text>0</text>
					</view>
				</view>
			</view>
		</view>
		<view class="uni-list">
			<view class="uni-list-select">
				<image src="../../static/img/s.png"></image>
				八卦宝宝
			</view>
			<view style="padding: 20px 30px;">
				要想生活过得去，票里必须带点绿吗？？真的绿了心情变坏了
			</view>
			<view class="uni-list-visual">
				<image src="../../static/img/2.jpg"></image>
			</view>
			<view class="uni-media-list">
				<view class="uni-media-list-text-bottom">
					<view class="uni-eye">
						<view class="uni-icon uni-icon-eye"></view>
						<text>3846</text>
					</view>
					<view class="uni-position">
						<view class="uni-icon uni-icon-location"></view>
						<text>北京</text>
					</view>
					<view class="uni-give">
						<view class="uni-icon uni-icon-redo"></view>
						<text>2</text>
					</view>
					<view class="uni-share">
						<view class="uni-icon uni-icon-redo"></view>
						<text>分享</text>
					</view>
					<view class="uni-comment">
						<view class="uni-icon uni-icon-chat"></view>
						<text>0</text>
					</view>
				</view>
			</view>
		</view>
		
		<view class="uni-initiate">
			<view class="uni-initiate-img">
			<image src="../../static/img/qq.png"></image>
			</view>
			<view class="uni-initiate-text">
				<text>发起话题</text>
			</view>
		</view>
		
	</view>
</template>
<script>
</script>
<style>
	@import "../../common/icon.css";
	page {
		background: #f6f6f6;
	}
	/* 头部照片 */
	.uni-img-top image{
		width: 100%;
		}
	.uni-list{
		border-bottom: 1px solid #E1E1E1;
	}

	.uni-list-select {
		padding: 10px 30px;
		height: 50px;
		line-height: 50px;
		font-size: 28px;
		color: #C9C9C9;
		font-weight: bold;
	}
	.uni-list-select image {
		float: left;
		margin-right: 30px;
		border-radius: 50px;
		width: 50px;
		height: 50px;
	}
	.uni-list-select view {
		float: right;
		width: 50px;
		height: 50px;
	}
	/*  照片*/
	.uni-list-visual image {
		width: 260px;
		height: 230px;
		border-radius: 45px;
		padding: 0 30px;
	}
	
   /* 下面图标设计 */
   .uni-media-list-text-bottom {
	   padding: 10px 30px;
	   position: relative;
	   font-size: 26px;
   	   display: flex;
   	   flex-direction: row;
   }
   .uni-icon{
	   color: #999999;
	   margin-right:25px;
	   font-size: 35px;
	   width: 20px;
	   height: 20px;
	   }
	  /* 查看 */
	
	  /* 位置 */
	  .uni-position{
	  	margin-left: 35px;
	  }
	  /* 点赞 */
	  .uni-give{
		  margin-left: 160px;
	  }
	  /* 分享 */
	.uni-share{
		margin-left: 25px;
	}
	 /* 评论 */
	.uni-comment{
		margin-left: 25px;
	}
	
	/* 发起话题 */
	.uni-initiate{
		position: fixed;
		right: 5%;
		bottom: 30%;
		width: 120px;
		height: 100px;
	}
	.uni-initiate-img image{
		margin-left: 20px;
		width: 80px;
		height: 80px;
	}
	.uni-initiate-text{
		position: absolute;
		bottom: -8px;
		text-align: center;
		font-size: 30px;
		color: #FF80AB;
		font-weight: bold;
		
	}
</style>
